<template>
    <el-dialog 
        title="" 
        :visible.sync="dialogFormVisible"
        customClass="DataCheckDialog"
        top="3vh"
    >
        <div class="dialog-content">
            <div class="dialog-title">
                {{title}}
            </div>
            <div class="detail-wrap">
                <div class="detail-wrap-title">人员信息</div>
                <el-form :model="form"  ref="form1" class="clearfix">
                   <el-form-item label="手机号" width="50%" label-width="100px"
                    >
                        <el-input auto-complete="off" :disabled="false"
                                  ></el-input>
                    </el-form-item>
<!--                  <el-form-item label="手机号" width="50%" label-width="100px"
                                v-if="formAuth.userAuthc == 3"
                  >
                    <el-input  auto-complete="off" :disabled="true"></el-input>
                  </el-form-item>-->
                  <el-form-item label="姓名" width="50%" label-width="100px"
                    >
                        <el-input  auto-complete="off" :disabled="false"
                                  ></el-input>
                    </el-form-item>
<!--                  <el-form-item label="姓名" width="50%" label-width="100px"
                                v-if="formAuth.userAuthc == 3"
                  >
                    <el-input v-model="form.name" auto-complete="off" :disabled="true"></el-input>
                  </el-form-item>-->
                  <el-form-item label="身份证" width="50%" label-width="100px"
                    >
                        <el-input  auto-complete="off" :disabled="false"
                                  ></el-input>
                    </el-form-item>
<!--                  <el-form-item label="身份证" width="50%" label-width="100px"
                                v-if="formAuth.userAuthc == 3"
                  >
                    <el-input v-model="form.idcard" auto-complete="off" :disabled="true"></el-input>
                  </el-form-item>-->
                  <el-form-item label="地址" width="100%" label-width="100px"
                  >
                    <el-input  auto-complete="off" :disabled="false"

                    ></el-input>
                  </el-form-item>
<!--                  <el-form-item label="地址" width="100%" label-width="100px"
                                v-if="formAuth.userAuthc == 3"
                  >
                    <el-input v-model="form.address" auto-complete="off" :disabled="true"
                    ></el-input>
                  </el-form-item>-->

                  <el-form-item label="欺诈类型" width="50%" label-width="100px"

                  >
                    <el-input  auto-complete="off" :disabled="true"></el-input>
                  </el-form-item>

                  <el-form-item label="欺诈源" width="50%" label-width="100px"
                  >
                    <el-input  auto-complete="off" :disabled="true"></el-input>
                  </el-form-item>

                  <el-form-item label="属地部门" width="50%" label-width="100px"
                  >
                    <el-input auto-complete="off" :disabled="true"></el-input>
                  </el-form-item>

                    <el-form-item label="人员类型" width="50%" label-width="100px"
                          prop="personType"

                    >
                        <el-radio  label="来沪人员">外来人员</el-radio>
                        <el-radio  label="不在本市">不在本市</el-radio>
                        <el-radio  label="本地常驻">本地常驻</el-radio>
                    </el-form-item>

                </el-form>
                <div class="detail-wrap-title">反馈信息</div>
                <el-form :model="form"  ref="form2" class="clearfix">
                    <el-form-item label="是否进行宣传" width="50%" label-width="150px"
                        prop="dissuadeResult"
                    >
                        <el-radio  label="是">是</el-radio>
                        <el-radio  label="否">否</el-radio>
                    </el-form-item>

                    <el-form-item label="宣传方式" label-width="100px"
                        prop="dissuadeMethod"
                    >
                        <el-select>
                            <el-option label="电话" value="电话"></el-option>
                            <el-option label="短消息" value="短消息" ></el-option>
                        </el-select>
                    </el-form-item>
<!--                    <el-form-item label="民警姓名" width="50%" label-width="100px"
                        prop="appointUser"
                    >
                        <el-input v-model="form.appointUser" auto-complete="off" :disabled="true"></el-input>
                    </el-form-item>
                    <el-form-item label="民警警号" width="50%" label-width="100px"
                        prop="userNo"
                    >
                        <el-input v-model="form.userNo" auto-complete="off" :disabled="true"></el-input>
                    </el-form-item>
                    <el-form-item label="记录仪编号" width="50%" label-width="100px"
                        prop="recorderNo"
                    >
                        <el-input v-model="form.recorderNo" auto-complete="off"></el-input>
                    </el-form-item>-->
<!--                    <el-form-item label="劝阻时间" label-width="100px"
                        prop="dissuadeTime"
                    >
                        <el-date-picker
                            value-format="yyyy-MM-dd"
                            v-model="selectTime[0]"
                            type="date"
                            placeholder="选择日期">
                        >
                        </el-date-picker>
                        <el-time-picker
                            format='HH:mm:ss'
                            value-format="HH:mm:ss"
                            v-model="selectTime[1]"
                            placeholder="选择时间">
                        </el-time-picker>
                    </el-form-item>-->
                    <el-form-item label="是否安装反诈APP" width="100%" label-width="150px"
                        prop="isFollow"
                    >
                        <el-radio label="是">是</el-radio>
                        <el-radio label="否">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否接到诈骗电话" width="100%" label-width="150px"
                        prop="isSign"
                    >
                        <el-radio  label="是">是</el-radio>
                        <el-radio  label="否">否</el-radio>
                    </el-form-item>
                   <el-form-item label="是否已经报警" width="100%" label-width="150px"
                        prop="isLive"
                    >
                        <el-radio  label="是">是</el-radio>
                        <el-radio  label="否">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否已经遭受诈骗" width="100%" label-width="150px"
                        prop="isWork"
                    >
                        <el-radio  label="是">是</el-radio>
                        <el-radio  label="否">否</el-radio>
                    </el-form-item>

                    <el-form-item label="是否可以解除保护性支付" width="100%" label-width="150px"
                        prop="isAccuracy"
                    >
                        <el-radio  label="是">是</el-radio>
                        <el-radio  label="否">否</el-radio>
                    </el-form-item>

                  <el-form-item label="是否近期接触预警源" width="100%" label-width="150px"
                        prop="isAccuracy"
                    >
                        <el-radio  label="是">是</el-radio>
                        <el-radio  label="否">否</el-radio>
                    </el-form-item>

<!--                  <el-form-item label="上传视频" width="100%" label-width="150px"
                  >
                    <el-upload
                        class="avatar-uploader"
                        action="http://localhost:9080/uploadVideo"
                        :show-file-list="false"
                        :headers="uploadHeaders"
                        :on-success="uploadSuccess"
                        :on-progress="uploadProgress"
                        :on-error="uploadError"
                    >
                      <el-button icon="el-icon-video-camera-solid" style="margin-left: 15px">视频上传</el-button>
                    </el-upload>
                  </el-form-item>-->
<!--                  <el-form-item label="上传视频" width="100%" label-width="150px"
                  >
                    <el-upload
                        class="avatar-uploader"
                        action="http://53.104.56.11:9080/uploadAppendix"
                        :show-file-list="false"
                        :headers="uploadHeaders"
                        :on-success="uploadSuccess"
                        :on-progress="uploadProgress"
                        :on-error="uploadError"
                    >
                      <el-button icon="el-icon-upload" style="margin-left: 15px">视频上传</el-button>
                    </el-upload>
                  </el-form-item>-->

                  <el-form-item label="上传附件" width="100%" label-width="150px"
                  >


                      <el-button icon="el-icon-upload" style="margin-left: 15px">附件上传</el-button>

                  </el-form-item>



                    <el-form-item label="回访备注" width="100%" label-width="100%" class="text-area"
                        prop="dissuadeDetail"
                    >
                        <el-input
                            type="textarea"
                            :rows="2"
                            placeholder="请输入备注"
                            >
                        </el-input>

                    </el-form-item>

                </el-form>

            </div>
            <div class="clearfix"></div>

        </div>
        <div slot="footer" class="dialog-footer">
          <span  >
                <el-button type="primary" >反 馈</el-button>
            </span>
        </div>
    </el-dialog>
</template>

<script>

export default {
  name: 'DataCheckDialog',
  data (){
    return {
      dataNum:0,
      formAuth: {},
        userParam: {},
        form: {},
        tableData: {},
        title: '',
        dialogFormVisible: false,
        //currentModel: ''
    }
  },
  components: {
  },
    computed:{
      /*uploadHeaders() {
        let param= {
          token: this.$store.state.token
        }
        return param
      },
      auth(){
          return this.$store.state.auth
      }*/
    },

  created(){
  },
  methods: {
  },
  watch:{

  }
}
</script>

<style lang='stylus'>
    .DataCheckDialog
        max-height 680px
        .el-form-item
            width 50%
            float left
            .el-form-item__label
                color #6da1c9
        .dialog-content
            overflow auto
            max-height 520px
            .dialog-title
                padding 10px
                //background #016098
                color #016098
                margin-bottom 10px
                font-size 20px
            .detail-wrap
                padding 20px
                .text-area
                    width 100%
                    label
                        width 100%
                        text-align left
                    .el-form-item__content
                        margin-left 0!important
                        .el-input
                            width 100%
                .detail-wrap-title
                    font-size 20px
                    color #66ccff
                    margin-bottom 5px
                .detail-item
                    float left
                    width 50%
                    display flex
                    color #fff
                    margin-bottom 10px
                    font-size 18px
                    .detail-title
                        margin-right 10px
                        color #66ccff
                        word-break keep-all
               .one-line
                   width 100%!important
                   .detail-content
                        white-space nowrap
                        text-overflow ellipsis
                        overflow hidden
</style>
